<script
	src="${pageContext.request.contextPath}/resources/js/SignUp/EmpRegister.js"></script>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>
<div id="formsContent">
	<!-- Form container -->
	<form:form id="empRegisterRegister" commandName="employeeDTO"
		class="form-horizontal" autocomplete="off" method="POST"
		action="empRegister">
		<legend>
			<fmt:message key="form.empRegister.title" />
		</legend>
		<div class="control-group">
			<label class="control-label" for="fName"><fmt:message
					key="form.owner.fName" /><em>*</em></label>
			<div class="controls">
				<form:input path="fName" id="fName" name="fName" value=""
					maxlength="100" placeholder="First Name" />
				<span class="help-inline"></span>
			</div>
		</div>
		<div class="control-group">
			<label class="control-label" for="lName"><fmt:message
					key="form.owner.lName" /><em>*</em></label>
			<div class="controls">
				<form:input path="lName" id="lName" name="lName" value=""
					maxlength="100" placeholder="Last Name" />
				<span class="help-inline"></span>
			</div>
		</div>
		<div class="control-group">
			<label class="control-label" for="email"><fmt:message
					key="form.owner.email" /><em>*</em></label>
			<div class="controls">
				<form:input path="email" id="email" name="email" placeholder="Email"
					value="" maxlength="100" />
				<span class="help-inline"></span>
			</div>
		</div>
		<div class="control-group">
			<label class="control-label" for="userName"><fmt:message
					key="form.owner.userName" /><em>*</em></label>
			<div class="controls">
				<form:input path="nickName" id="nickName" name="nickName"
					placeholder="UserName" value="" maxlength="100" />
				<span class="help-inline"></span>
			</div>
		</div>
		<div class="control-group">
			<label class="control-label" for="company"><fmt:message
					key="form.owner.company" /><em>*</em></label>
			<div class="controls">
				<form:hidden path="companyDTO.companyName" id="companyId" />
				<input type="text" id="company" name="company"
					placeholder="Enter your Compnay" value="" maxlength="100" /> <span
					class="help-inline"></span>
			</div>
		</div>
		<%-- <div class="control-group">
			<label class="control-label" for="phone"><fmt:message key="form.owner.phone"/><em>*</em></label>
			<div class="controls">
				<form:input path="fName" id="phone" name="phone" placeholder="Phone" value="" maxlength="100">
				<span class="help-inline"></span>
			</div>
		</div> --%>
		<div class="control-group">
			<label class="control-label" for="country"><fmt:message
					key="form.owner.country" /><em>*</em></label>
			<div class="controls">
				<form:hidden path="countryDTO.id" id="countryId" />
				<select name="country" id="country">
					<c:forEach var="country" items="${countries}">
						<option value="${country.id}">${country.countryName}</option>
					</c:forEach>
				</select> <span class="help-inline"></span>
			</div>
		</div>
		<div class="control-group">
			<label class="control-label" for="jobTitle"><fmt:message
					key="form.empRegister.jobTitle" /><em>*</em></label>
			<div class="controls">
				<form:hidden path="jobTitleDTO.id" id="jobTitleId" />
				<select name="jobTitle" id="jobTitle">
					<option value="0">--none--</option>
					<c:forEach var="jobTitle" items="${jobTitles}">
						<option value="${jobTitle.id}">${jobTitle.name}</option>
					</c:forEach>
				</select> <span class="help-inline"></span>
			</div>
		</div>
		<div class="control-group">
			<label class="control-label" for="checkbox"><fmt:message
					key="form.owner.checkBox" /><em>*</em></label>
			<div class="controls">
				<input type="checkbox" id="checkbox" name="checkbox"> <span
					class="help-inline"></span>
			</div>
		</div>
		<div class="form-actions">
			<button id="saveButton" type="submit" class="btn btn-primary">
				<fmt:message key="form.owner.btnCreate" />
			</button>
			<button id="cancelButton" type="button" class="btn">
				<fmt:message key="form.cancel" />
			</button>
		</div>
	</form:form>
</div>
<input type="hidden" name="fNameRequired" id="fNameRequired"
	value="<fmt:message key="fName.required"/>" />
<input type="hidden" name="lNameRequired" id="lNameRequired"
	value="<fmt:message key="lName.required"/>" />
<input type="hidden" name="userNameRequired" id="userNameRequired"
	value="<fmt:message key="userName.required"/>" />
<input type="hidden" name="countryNotEqual" id="countryNotEqual"
	value="<fmt:message key="country.notEqual"/>" />
<input type="hidden" name="emailRequired" id="emailRequired"
	value="<fmt:message key="email.required"/>" />
<input type="hidden" name="emailEmail" id="emailEmail"
	value="<fmt:message key="email.email"/>" />
<input type="hidden" name="emailRemote" id="emailRemote"
	value="<fmt:message key="email.remote"/>" />
<input type="hidden" name="companyRequired" id="companyRequired"
	value="<fmt:message key="company.required"/>" />
<input type="hidden" name="companyRemote" id="companyRemote"
	value="<fmt:message key="country.EqualTo"/>" />
<input type="hidden" name="checkboxRequired" id="checkboxRequired"
	value="<fmt:message key="checkbox.required"/>" />
<input type="hidden" name="jobTitleNotEqual" id="jobTitleNotEqual"
	value="<fmt:message key="jobTitle.notEqual"/>" />